<template>
  <div class="form-setting-panel">
    <!-- start 标题 -->
    <h3 class="form-setting-panel-title">{{ field.displayName }}</h3>
    <!-- end 标题 -->

    <p class="form-design-warning">
      {{$t('product.component.formRelatedMaterial.text2')}}
    </p>

    <!-- start 校验 -->
    <div class="form-setting-group form-setting-item">
      <h4 class="form-item-title">{{$t('common.base.check')}}</h4>
      <div class="form-item-box">
        <!-- 必填 -->
        <form-required-setting
          :field="field"
          @input="update"
        ></form-required-setting>
      </div>
    </div>
    <!-- end 校验 -->

    <!-- start 字段权限 -->
    <div class="form-setting-group form-setting-item">
      <h4 class="form-item-title">{{$t('common.base.fieldPermissions')}}</h4>
      <div class="form-item-box">
        <form-search-setting
          :field="field"
          @input="update"
        ></form-search-setting>
      </div>
    </div>
    <!-- end 字段权限 -->
  </div>
</template>
<script>
import SettingMixin from '@src/component/form/mixin/setting';
import { settingProps } from '@src/component/form/components/props';

export default {
  name: 'form-related-material-setting',
  mixins: [SettingMixin],
  props: settingProps,
  data() {
    return {};
  },
  methods: {
    update(value, prop) {
      this.$emit('input', { value, prop });
    },
  },
};
</script>